<template>
  <router-view />
</template>

<script>
export default {
  name: "app",
};
</script>

<style>
body {
  margin: 0;
  background: #e9e9e9;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* margin-top: 60px; */
}
p {
  margin: unset;
}
.tips {
  margin: 0 5px;
  padding: 0 3px;
  border-radius: 5px;
}
.tipsColor {
  background: #eb4040;
  color: #fff;
}
.layerHead {
  display: flex;
  justify-content: start;
  /* align-items: center; */
  margin: 5px 0;
  font-size: 14px;
}
.layerList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  /* line-height: 24px; */
  text-align: left;
  margin: 5px 0;
  background: rgba(255, 255, 255);
  border-radius: 5px;
  padding: 5px 10px;
  color: #000;
}
.detailAvatar {
  width: 60px !important;
  height: 70px !important;
  background: #0178fc;
  vertical-align: top !important;
}
.layerContent {
  width: 100%;
  padding: 0 10px;
}
.layerContentHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contips {
  margin-left: 10px;
  font-size: 12px;
  background: #2c92a9;
  padding: 1px 6px;
  border-radius: 3px;
  color: #fff;
}
.layerContentBody {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.marginR10 {
  margin-right: 10px;
}
.green {
  color: #00c947;
}
.layertips {
  margin-right: 5px;
  padding: 0 3px;
  border-radius: 5px;
  font-size: 12px;
}
.el-input.is-disabled .el-input__inner {
  color: #62edff !important;
  border-color: rgba(98, 237, 255, 1) !important;
  background-color: rgba(5, 30, 50, 0.65) !important;
}
.el-progress-bar__inner {
  background: linear-gradient(to right, #62edff, #0082c8) !important;
  border-radius: unset !important;
}
.el-progress-bar__outer {
  border-radius: unset !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.el-button.is-circle {
  font-size: 20px !important;
  padding: 8px !important;
}
</style>
